// 每个a标签的鼠标移入事件
var liArr = document.querySelectorAll("li");
for(var i = 0; i < liArr.length; i++) {
	liArr[i].onmouseover = function() {
		var thisChildren = this.children;
		if(thisChildren.length > 0) {
			thisChildren[0].style.color = "yellow";
		}
		if(thisChildren.length > 2) {
			thisChildren[2].style.display = "block";
		}
	}
	liArr[i].onmouseout = function() {
		var thisChildren = this.children;
		if(thisChildren.length > 0) {
			thisChildren[0].style.color = "white";
		}
		if(thisChildren.length > 2) {
			thisChildren[2].style.display = "none";
		}
	}
}
// 左图轮播
setInterval(function() {
	if($("#bigImg1").css("opacity") == 1) {
		$("#bigImg1").animate({
			opacity: 0
		}, 1000)
		$("#bigImg2").animate({
			opacity: 1
		}, 1000)
	} else {
		$("#bigImg1").animate({
			opacity: 1
		}, 1000)
		$("#bigImg2").animate({
			opacity: 0
		}, 1000)
	}
}, 6000)
// 左图点击事件
$(".center-left>img").on("click",function(){
	if($("#bigImg1").css("opacity") != 0){
		window.open("http://www.subway.com.cn/images/uploadImg/2016040117224114977a.png");
	}else {
		window.open("http://www.subway.com.cn/images/uploadImg/201612191444322d3b38.jpg");
	}
})


// 鼠标移入出现点击按钮并绑定点击事件
$(".center-left").hover(function() {
	$(".center-left>div").css("display", "block");
	$(".center-left>div").each(function(){
		$(this).on("click", function() {
		if($("#bigImg1").css("opacity") == 1) {
			$("#bigImg1").animate({
				opacity: 0
			}, 1000)
			$("#bigImg2").animate({
				opacity: 1
			}, 1000)
		} else {
			$("#bigImg1").animate({
				opacity: 1
			}, 1000)
			$("#bigImg2").animate({
				opacity: 0
			}, 1000)
		}
	})
	})
}, function() {
	$(".center-left>div").css("display", "none");
})
// 右图轮播
var imgArr = ["../../img/home_public/pic1.jpg", "../../img/home_public/pic2.jpg", "../../img/home_public/pic3.jpg"];
var bgImg = ["../../img/home_public/tbg1.png", "../../img/home_public/tbg2.png", "../../img/home_public/tbg3.png"];
var titleArr = ["../../img/home_cn/t1.png", "../../img/home_cn/t2.png", "../../img/home_cn/t3.png"];
var descArr = ["../../img/home_cn/w1.png", "../../img/home_cn/w2.png", "../../img/home_cn/w3.png"];
var j = 1;
setInterval(function() {
	$(".title").eq(0).animate({// 标题移出
		left: "288px"
	}, 500, function() {
		$(this).css("left", "-288px");
		$(".descripe").eq(0).animate({// 简介移出
			left: "288px"
		}, 500, function() {
			$(this).css("left", "-288px");
			$(".image-bg").eq(0).animate({// 背景图移出
				top: "-155px"
			}, 500, function() {
				$(".image").eq(0).animate({// 大图消失
					opacity: 0
				}, 500, function() {// 改变所有图片的路径
					$(".title").eq(0).prop("src", titleArr[j]);
					$(".descripe").eq(0).prop("src", descArr[j]);
					$(".image-bg").eq(0).prop("src", bgImg[j]);
					$(".image").eq(0).prop("src", imgArr[j]);
					if(j == imgArr.length - 1) {
						j = 0;
					} else {
						j++;
					}
					chuxian();// 调用右图出现方法
				})
			})
		})
	})
}, 6000);

function chuxian() {// 右图出现动画
	$(".image").eq(0).animate({// 大图出现
		opacity: 1
	}, function() {
		$(".image-bg").eq(0).animate({// 背景图出现
			top: "0px"
		}, 500, function() {
			$(".title").eq(0).animate({// 标题出现
				left: "0px"
			}, 500, function() {
				$(".descripe").eq(0).animate({// 简介出现
					left: "0px"
				}, 500)
			})
		})
	})
}
// 下面小图的hover效果
var oneImgArr = ["../../img/home_cn/home-box-1_CN.jpg", "../../img/home_cn/home-box-1_CN_hover.jpg"];
var twoImgArr = ["../../img/home_cn/home-box-2_CN.jpg", "../../img/home_cn/home-box-2_CN_hover.jpg"];
var threeImgArr = ["../../img/home_cn/home-box-3_CN.jpg", "../../img/home_cn/home-box-3_CN_hover.jpg"];
var fourImgArr = ["../../img/home_cn/weibo_CN.jpg", "../../img/home_cn/weibo_CN_hover.jpg"];
var fiveImgArr = ["../../img/home_cn/weixin_CN.jpg", "../../img/home_cn/weixin_CN_hover.jpg"];
$(".smallImg1").eq(0).hover(function() {
	$(this).prop("src", oneImgArr[1]);
}, function() {
	$(this).prop("src", oneImgArr[0]);
})
$(".smallImg1").eq(1).hover(function() {
	$(this).prop("src", twoImgArr[1]);
}, function() {
	$(this).prop("src", twoImgArr[0]);
})
$(".smallImg1").eq(2).hover(function() {
	$(this).prop("src", threeImgArr[1]);
}, function() {
	$(this).prop("src", threeImgArr[0]);
})
$(".smallImg2").eq(0).hover(function() {
	$(this).prop("src", fourImgArr[1]);
}, function() {
	$(this).prop("src", fourImgArr[0]);
})
$(".smallImg2").eq(1).hover(function() {
	$(this).prop("src", fiveImgArr[1]);
	$("#twoWeiMa").css("display", "block");
}, function() {
	$(this).prop("src", fiveImgArr[0]);
	$("#twoWeiMa").css("display", "none");
})
// 国际化点击事件
function sel(ev){
	if(ev.value == "CN" || ev.value == "select"){
		setThing(chinaObj);
	}
	if(ev.value == "EN"){
		setThing(enObj);
	}
}
function setThing(obj){
		$("#China").html(obj.country);
		$("#linkWorld").html(obj.linkW);
		$(".head-line-a").each(function(ind){
			$(this).html(obj.topNav[ind]);
		})
		$(".childA").each(function(ind){
			$(this).html(obj.slideNav[ind]);
		})
		titleArr = obj.aArr;
		$(".title").eq(0).prop("src",obj.aArr[0]);
		descArr = obj.bArr;
		$(".descripe").eq(0).prop("src",obj.bArr[0]);
		oneImgArr = obj.cArr;
		$(".smallImg1").eq(0).prop("src",obj.cArr[0]);
		twoImgArr = obj.dArr;
		$(".smallImg1").eq(1).prop("src",obj.dArr[0]);
		threeImgArr = obj.eArr;
		$(".smallImg1").eq(2).prop("src",obj.eArr[0]);
		fourImgArr = obj.fArr;
		$(".smallImg2").eq(0).prop("src",obj.fArr[0]);
		fiveImgArr = obj.gArr;
		$(".smallImg2").eq(1).prop("src",obj.gArr[0]);
		$(".footer").each(function(ind){
			$(".footer").eq(ind).html(obj.hArr[ind]);
		})
	}
setThing(chinaObj);// 默认调用中文显示